<style>
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("images/loading_bar.gif") no-repeat center center #fff;
}
</style>
<script>
document.onreadystatechange = function () {
  var state = document.readyState
  if (state == 'interactive') {
       document.getElementById('contents').style.visibility="hidden";
  } else if (state == 'complete') {
      setTimeout(function(){
		 if(typeof sessionStorage["user_id"]=='undefined'){
			 document.getElementById('interactive');
			 document.getElementById('load').style.visibility="hidden";
			 document.getElementById('contents').style.visibility="visible";
		 }else{
			var pageUrl = JSON.parse(sessionStorage["pageUrl"]);
			window.location=pageUrl;
		 }
      },300);
  }
}
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/webserviceurl.js"></script>
<script src="js/validations.js"></script>
<script src="js/text.js"></script>
<script src="js/commonfunctions.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script>
$(window).load(function() {
$('#header').load('header.html');
$('#footer').load('footer.html');
	/*$.ajax({
				type		:	'GET',
				url			:  	webServiceUrl+'country',
				dataType	:   "json",
				success: function(data){
				        var countrydetailes;
						countrydetailes +='<option value="">Select country</option>';
						var obj = eval("(" + data.data + ")");
						$.each(obj, function (index,Object) {
							countrydetailes +='<option  value="'+Object.country_id+'">'+Object.nicename+'</option>';
					    });
						$('#country').html(countrydetailes);
				}
			});*/
});
</script>
<div id="load"></div>
<div id="contents">
<div id="header"></div>
<div class="container-fluid">
		<div class="row-fluid container_bg">
		<div class="container_plr">
			<div class="container_title">
				<div><h1>Register Account</h1></div>
				<p class="mar_top">If you already have an account with us, please login at the <a href="index.html">login page.</a></p>
				<div class="row mar_top">
				<div class="span12 brg">
				<div class="h2_title_bg"><h2>Your Personal Details</h2></div>
				<form class="form-horizontal mar_top" id="Registration" name="Registration">
					<div class="control-group">
						<label class="control-label" for="inputUser">User Name</label>
						<div class="controls">
						<input type="text" class="span8" id="inputFirstname" name="inputFirstname" placeholder="Please Enter User Name ">
						<span id="errorFirstname" name="errorFirstname" style="color:red"></span>
						</div>
					</div>
					<!--<div class="control-group">
						<label class="control-label" for="inputUser">Last Name</label>
						<div class="controls">
						<input type="text" class="span8" id="inputLastname" name="inputLastname" placeholder="Please Enter Last Name ">
						<span id="errorLastname" name="errorLastname" style="color:red"></span>
						</div>
					</div>-->
					<div class="control-group">
						<label class="control-label" for="inputEmail">Email ID</label>
						<div class="controls">
						<input type="text" class="span8" id="inputEmail" name="inputEmail" placeholder="Please Enter Email ID" onblur="emailValidation()">
						<span id="errorEmail" name="errorEmail" style="color:red"></span>
						<span id="errorEmail1" name="errorEmail1" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputPh">Phonenumber</label>
						<div class="controls">
						<input type="text" class="span8" id="inputTelephone" name="inputTelephone" placeholder="Please Enter Telephone Number">
						<span id="errorTelephonenumber" name="errorTelephonenumber" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputPh">Alterphonenumber</label>
						<div class="controls">
						<input type="text" class="span8" id="alterphone" name="alterphone" placeholder="Please Enter Telephone Number">
						<span id="erroralterphone" name="erroralterphone" style="color:red"></span>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="Landmark">Landmark</label>
						<div class="controls">
						<input type="text" class="span8" id="landmark" name="landmark" placeholder="Please Enter landmark">
						<span id="errorlandmark" name="errorlandmark" style="color:red"></span>
						</div>
					</div> 
					
					<div class="control-group">
						<label class="control-label" for="location">Location</label>
						<div class="controls">
						<input type="text" class="span8" id="location" name="location" placeholder="Please Enter location">
						<span id="errorlocation" name="errorlocation" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="inputAddress">Address</label>
						<div class="controls">
						<textarea rows="3" class="span8" id="inputAddress" name="inputAddress" placeholder="Please Enter Address"></textarea>
						<span id="errorAddress" name="errorAddress" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="pincode">Pincode</label>
						<div class="controls">
						<input type="text" class="span8" id="pincode" name="pincode" placeholder="Please Enter pincode">
						<span id="errorpincode" name="errorpincode" style="color:red"></span>
						</div>
					</div>
					<!--<div class="control-group">
						<label class="control-label" for="fax">Fax</label>
						<div class="controls">
						<input type="text" class="span8" id="fax" name="fax" placeholder="Please Enter fax">
						<span id="errorfax" name="errorfax" style="color:red"></span>
						</div>
					</div>
					
					
					<div class="control-group">
						<label class="control-label" for="city">City</label>
						<div class="controls">
						<input type="text" class="span8" id="city" name="city" placeholder="Please Enter city">
						<span id="errorcity" name="errorcity" style="color:red"></span>
						</div>
					</div>-->
					<input type="hidden" class="span8" id="type_id" name="type_id" value="2">
					<!--<div class="control-group">
						<label class="control-label" for="country">Country</label>
						<div class="controls">
						<select class="span8" id="country" name="country" onchange="return getstateValues()"   placeholder="Select Country">
						</select>
						<span id="errorcountry" name="errorcountry" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="state">State</label>
						<div class="controls">
						<select class="span8" id="state" name="state" placeholder="">
							<option value="">Select state</option>
						</select>
						<span id="errorstate" name="errorstate" style="color:red"></span>
						</div>
					</div>-->
					
					<div class="h2_title_bg reg_sub_tit"><h2>Your Password</h2></div>
					<div class="control-group">
						<label class="control-label" for="Password">Password</label>
						<div class="controls">
						<input type="password" class="span8" id="password" name="password" placeholder="Please Enter Password ">
						<span id="errorpassword" name="errorpassword" style="color:red"></span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="ConformPassword">Conform Password</label>
						<div class="controls">
						<input type="password" class="span8" id="ConformPassword" name="ConformPassword" placeholder="Please Enter Conform Password ">
						<span id="errorCPassword" name="errorCPassword" style="color:red"></span>
						</div>
					</div>
					<!--<div class="h2_title_bg reg_sub_tit"><h2>Newsletter</h2></div>
					 <div class="control-group">
						<label class="control-label" for="inputEmail">Subscribe</label>
						<div class="controls">
						<input type="radio"  id="optionsRadios"  name="optionsRadios" value="1">&nbsp;<span class="reg_radio_align">Yes</span>&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio"  id="optionsRadios" name="optionsRadios" value="0" checked>&nbsp;<span class="reg_radio_align">No</span>
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
							<label class="checkbox">
								<input type="checkbox" id="privacy" /> I have read and agree to the <a href="javascript void(0);">Privacy Policy</a>
								<span id="errorCheckbox" name="errorCheckbox" style="color:red"></span>
							</label>
						</div>
					</div>-->
					<div class="control-group">
						<div class="controls">
						<button type="button" class="medicart_btn" onclick="userRegister()">SAVE</button><span id="registerReload"></span>
						</div>
					</div>
						<input type="hidden" id="hidemailerror" name="hidemailerror" value="1"/>
						<input type="hidden" id="compliantType" name="compliantType" value="Register"/>
						<input type="hidden" id="tracking_id" name="tracking_id" value="0"/>
						<input type="hidden" id="user_id" name="user_id" value="0"/>
						<input type="hidden" id="complaint_id" name="complaint_id" value="0"/>
						
				</form>
				<!--<p id="successSubcription" style="color:green"></p>-->
				 
				</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	<div id="footer"></div>
	</div>